<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>通讯录</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>

<body>
<div class="container-fluid">
<div class="tel_main row">
	<div class="tel_list">
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>办公室</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>张维克</h3>
						<em>省商务厅副厅长</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-name="张维克" data-post="省商务厅副厅长" data-phone="13505405639" data-tel="89013580" data-fax="89013606" data-email="rszwhbgs@sha1231312313123ndong.cn">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李延辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-name="李延辉" data-post="对接综合组" data-phone="13006590122" data-tel="89013572" data-fax="89013606" data-email="rszwhbgs@shandong.cn">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>张庆伟</h3>
						<em>对接联络组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-name="张庆伟" data-post="对接联络组" data-phone="13505409772" data-tel="89013596" data-fax="89013606" data-email="rszwhbgs@shandong.cn">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>杨欣波</h3>
						<em>对接宣传组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-name="杨欣波" data-post="对接宣传组" data-phone="13515318229" data-tel="89013337" data-fax="89013606" data-email="rszwhbgs@shandong.cn">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>金晓锋</h3>
						<em>主持投促中心工作，对接平台建设</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-name="金晓锋" data-post="主持投促中心工作，对接平台建设" data-phone="18505315521" data-tel="89013897" data-fax="89013606" data-email="rszwhbgs@shandong.cn">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-name="李艳辉" data-post="5" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>综合组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>联络组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>宣传组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>人才组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>项目组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>接待组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="tel_tab col-xs-12">
			<div class="tel_tab_title row">
				<h3>安保组</h3>
				<span><img src="images/down.png" alt=""></span>
			</div>
			<ul class="row">
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content"  data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
				<li>
					<div class="name_post">
						<h3>李艳辉</h3>
						<em>对接综合组</em>
					</div>
					<div class="tel_look_icon">
						<a href="tel://15588833959"><img src="images/phone.png" alt=""></a>
						<span class="tel_look_content" data-post="综合协调小组联络员" data-phone="13583121966" data-tel="51776029" data-fax="51776029" data-email="zhuqj3801@126.com">
							<img src="images/look.png" alt="">
						</span>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="tel_box">
	<div class="tel_box_main col-xs-10 col-xs-offset-1">
		<div class="tel_box_close">
			<img src="images/close.png" alt="" width="50px;">
		</div>
		<ul>
			<li>
				<h4>姓名：</h4>
				<span class="tel_box_name">李艳辉</span>
			</li>
			<li>
				<h4>职务：</h4>
				<span class="tel_box_post">综合协调小组联络员</span>
			</li>
			<li>
				<h4>手机：</h4>
				<span class="tel_box_phone"><a href="tel://13583121966">13583121966</a></span>
			</li>
			<li>
				<h4>座机：</h4>
				<span class="tel_box_tel"><a href="tel://13583121966">51776029</a></span>
			</li>
			<li>
				<h4>传真：</h4>
				<span class="tel_box_fax">51776032</span>
			</li>
			<li>
				<h4>邮箱：</h4>
				<span class="tel_box_email"><a href="mailto:zhuqj3801@126.com">zhuqj3801@126.com</a></span>
			</li>
		</ul>
	</div>
</div>
</div>
<script>
	$(function($){
		$(".tel_tab ul").slideToggle("200");
		$(".tel_tab_title").click(function(){
			$(this).next("ul").slideToggle("slow");//展开通讯录
			$(this).children("h3").css({color:"#f00",textAlign:"center"});//标题居中
			var up_down = $(this).children("span").children("img").attr("src");
			if(up_down == "images/down.png"){
				$(this).children("span").children("img").attr("src","images/up.png");
			}else{
				$(this).children("span").children("img").attr("src","images/down.png");
			}
			$(this).parent().siblings().children(".tel_tab_title").children("span").children("img").attr("src","images/down.png");
			$(this).parent().siblings().children("ul").slideUp("slow");//收起同辈元素
			$(this).parent().siblings().children(".tel_tab_title").children("h3").css({color:"#000",textAlign:"left"});//标题左对齐
			$(this).parent().siblings().children("span").children("img").attr("src","images/down.png");
		})
		$(".tel_box").css("height",$(window).height());
		$(".tel_look_content").click(function(){
			$(".tel_box").show();
			$("body").css("overflow","hidden");
			$(".tel_box_name").text($(this).attr("data-name"));
			$(".tel_box_post").text($(this).attr("data-post"));
			$(".tel_box_phone a").text($(this).attr("data-phone"));
			$(".tel_box_phone a").attr("href",'tel://' + $(this).attr("data-phone"));
			$(".tel_box_tel a").text($(this).attr("data-tel"));
			$(".tel_box_tel a").attr("href",'tel://' + $(this).attr("data-tel"));
			$(".tel_box_fax").text($(this).attr("data-fax"));
			$(".tel_box_email a").text($(this).attr("data-email"));
			$(".tel_box_email a").attr("href",'mailto:' + $(this).attr("data-email"));
		})
		$(".tel_box_close").click(function(){
			$(".tel_box").hide();
		})
	})
</script>
</body>
</html>
